import React, { Component } from 'react';
import { HashRouter, Route, Link, Switch } from 'react-router-dom';
import Test from './Test';
import About from './About';
import Home from './Home';
import Main from './Main';
import MainSub from './MainSub';

export default class RouterHome extends Component {
  render() {
    return (
      <HashRouter>
        <Home>
          <Route
            path="/main"
            render={() => (
              <Main>
                <Route path="/main/a" component={MainSub} />
              </Main>
            )}
          />
          <Route path="/test" component={Test} />
          <Route path="/about" component={About} />
        </Home>
      </HashRouter>
    );
  }
}
